<!doctype html>	
<html>	
    <head>	
        <meta charset="utf-8">	
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>	
        <title>下载</title>
        <link rel="stylesheet" type="text/css" href="./static/style/download.css">
        <script type="text/javascript" src="./static/js/jquery-1.8.3.min.js"></script>
        <style>

        </style>	
    </head>
    <body>
        <div id="wrap">
            <div id="main">
                <div class="download-mobile">
                    <img src="./images/download-mobile.png" />
                </div>
                <div class="download-app">
                    <img src="./images/download-desc.png" class="download-desc" />
                    <div class="download-btn">
                        <img src="./images/ios-download.png" class="ios-download" />
                        <a href="http://testouxiang.tonglingdi.cn/data/SoMall.apk"><img src="./images/android-download.png" class="android-download" /></a>
                    </div>
                    <img src="./images/download-icon.png" class="download-icon" />
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function() {
                var window_h = $(window).height();
                $("img").on("load", function() {
                    $(".download-mobile").css("margin-top", (window_h - $(".download-mobile").height()) / 2);
                    $(".download-app").css("margin-top", (window_h - $(".download-app").height()) / 2);
                });
                $(".ios-download").mouseover(function() {
                    $(this).attr("src", "./images/ios-download-hover.png");
                });
                $(".ios-download").mouseover(function() {
                    $(".ios-download").attr("src", "./images/ios-download-hover.png");
                });
                $(".ios-download").mouseout(function() {
                    $(".ios-download").attr("src", "./images/ios-download.png");
                });
                $(".android-download").mouseover(function() {
                    $(".android-download").attr("src", "./images/android-download-hover.png");
                });
                $(".android-download").mouseout(function() {
                    $(".android-download").attr("src", "./images/android-download.png");
                });
            })
        </script>
    </body>
</html>
